<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="/WEB-INF/commons/taglibs.jsp"%>
<%@include file="/WEB-INF/commons/common-header.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.card-pic-handle{background-position:0 -395px;width:14px;height:14px;font-size:0;line-height:0;display:block;border:1px solid #fff;text-decoration:none}
.card-pic-handle{position:absolute;right:4px;bottom:4px}
.card-pic-handle:hover{background-position:0 -409px;border:1px solid #ccc;text-decoration:none}
.card-title{margin:10px 0;padding:4px 0;font-size:14px;border-bottom:2px solid #ccc;line-height:1}
.card-summary{background-color:#fff;line-height:1.8;font-size:14px;}
.card-summary .pic{float:left;margin:7px 15px 0 0;*margin-right:12px;padding:4px;position:relative;text-align:center;font-size:12px;border:1px solid #e8e8e8}
.card-summary .pic div{width: 151px;line-height:1.5;font-size:12px;margin-top:5px;padding-right:10px;text-align:center;min-height:18px;_height:18px}
.card-summary-intro{float:left;}
.card-info{margin:0 0 15px 0;}
.card-info-inner{border-bottom:1px solid #dedfe1;overflow:hidden;}
.card-info table.tableWrap{border-collapse:collapse;margin-top:-1px;_margin-top:-5px;margin: 30px auto;}
.card-info td.seperateTd{width:347px;vertical-align:top;}
.card-info td.seperateTd table{border-collapse:collapse;}
.card-info td.seperateTd table td{border-top:1px dashed #dedfe1;line-height:23px;}
.card-info td.cardFirstTd{width:100px;padding-left:2px;vertical-align:top;font-size:13px;font-weight:bold;}
.card-info td.cardSecondTd{padding-right:2px;text-align:right;font-size:13px;}
.lemma-main-content{overflow:hidden;float:left;outline:0;padding-bottom:16px;}
.lemma-main-content:focus{outline:0;}
</style>

<script type="text/javascript" src="${ctx }/resources/back/js/markitup/jquery.markitup.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx }/resources/back/js/markitup/skins/markitup/style.css" />
<link rel="stylesheet" type="text/css" href="${ctx }/resources/back/js/markitup/sets/default/style.css" />

<script type="text/javascript">
mySettings = {
		nameSpace:'poet',
		onShiftEnter:	{keepDefault:false, replaceWith:'<br />\n'},
		onCtrlEnter:	{keepDefault:false, openWith:'\n<p>', closeWith:'</p>\n'},
		onTab:			{keepDefault:false, openWith:'	 '},
		markupSet: [
			{name:'Heading 1', key:'1', openWith:'<h1(!( class="[![Class]!]")!)>', closeWith:'</h1>', placeHolder:'Your h1 tag in here...' },
			{name:'Heading 2', key:'2', openWith:'<h2(!( class="[![Class]!]")!)>', closeWith:'</h2>', placeHolder:'Your h2 tag in here...' },
			{name:'Heading 3', key:'3', openWith:'<h3(!( class="[![Class]!]")!)>', closeWith:'</h3>', placeHolder:'Your h3 tag in here...' },
			{name:'Heading 4', key:'4', openWith:'<h4(!( class="[![Class]!]")!)>', closeWith:'</h4>', placeHolder:'Your h4 tag in here...' },
			{name:'Heading 5', key:'5', openWith:'<h5(!( class="[![Class]!]")!)>', closeWith:'</h5>', placeHolder:'Your h5 tag in here...' },
			{name:'Heading 6', key:'6', openWith:'<h6(!( class="[![Class]!]")!)>', closeWith:'</h6>', placeHolder:'Your h6 tag in here...' },
			{name:'Paragraph', openWith:'<p(!( class="[![Class]!]")!)>', closeWith:'</p>' },
			{separator:'---------------' },
			{name:'Bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
			{name:'Italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' },
			{name:'Stroke through', key:'S', openWith:'<del>', closeWith:'</del>' },
			{separator:'---------------' },
			{name:'Ul', openWith:'<ul>\n', closeWith:'</ul>\n' },
			{name:'Li', openWith:'<li>', closeWith:'</li>' },
			{separator:'---------------' },
			{name:'Picture', key:'P', replaceWith:'<img src="[![Source:!:http://]!]" alt="[![Alternative text]!]" />' },
			{name:'Link', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Your text to link...' },
			{separator:'---------------' },
			{name:'Clean', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } },
			{name:'Preview', className:'preview', call:'preview' }
		]
	}
$(document).ready(function()	{
	$('#intro').markItUp(mySettings);
	$('.add').click(function() {
 		$.markItUp( { 	openWith:'<opening tag>',
						closeWith:'<\/closing tag>',
						placeHolder:"New content"
					}
				);
 		return false;
	});
	$('.toggle').click(function() {
		if ($("#intro.markItUpEditor").length === 1) {
 			$("#intro").markItUpRemove();
			$("span", this).text("get markItUp! back");
		} else {
			$('#intro').markItUp(mySettings);
			$("span", this).text("remove markItUp!");
		}
 		return false;
	});
});

</script>

</head>

<body>
	<form:form method="post" modelAttribute="poet" id="form">
		<input type="hidden" name="_method" value="${_method }" />
		<!--content start-->
		<ul class="s_bodyR">
			<li class="s_li_head">作者管理</li>
			<li class="s_adduTable">
				<div style="text-align: left; width: 1000px; margin: 10px auto;">
					<div id="card-container">
						<h4 class="card-title">作者简述</h4>
						<div class="card-summary clearfix">
							<div class="pic">
								<a href="" target="_blank"><img width="151" height="220"
									title="杜甫"
									src="http://f.hiphotos.baidu.com/baike/s%3D220/sign=ddb30b90ab18972ba73a07c8d6cc7b9d/8718367adab44aed23d68960b31c8701a08bfb9d.jpg"
									alt="杜甫" class="card-image" /></a>
									<a target="_blank" href="" title="查看图片" class="card-pic-handle">&nbsp;&nbsp;</a>
								<div>杜甫</div>
							</div>
							<div class="card-summary-intro">
								<div>
									<form:textarea path="intro" cols="10" rows="10"/>
								</div>
							</div>
						</div>
						<div class="card-info">
							<div class="card-info-inner">
								<table cellspacing="0" cellpadding="0" class="tableWrap">
									<tbody>
										<tr>
											<td class="seperateTd"><table width="95%"
													cellspacing="0" cellpadding="0">
													<tbody>
														<tr>
															<td class="cardFirstTd">中文名：</td>
															<td class="cardSecondTd"><form:input path="name"
																	type="text" title="例如：杜甫" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">名称拼音：</td>
															<td class="cardSecondTd"><form:input
																	path="spellName" type="text" title="例如：dufu" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">别名：</td>
															<td class="cardSecondTd"><form:input
																	path="anotherName" type="text" title="例如：少陵野老，杜陵布衣" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">尊称：</td>
															<td class="cardSecondTd"><form:input
																	path="respectfulName" type="text" title="例如：诗圣" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">朝代：</td>
															<td class="cardSecondTd"><form:input path="dynasty"
																	type="text" title="例如：唐朝" /></td>
														</tr>
													</tbody>
												</table></td>
											<td class="seperateTd">
												<table width="95%" cellspacing="0" cellpadding="0"
													align="right">
													<tbody>
														<tr>
															<td class="cardFirstTd">朝代时期：</td>
															<td class="cardSecondTd"><form:input
																	path="dynastyPeriod" type="text" title="例如：初唐" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">民族：</td>
															<td class="cardSecondTd"><form:input path="nation"
																	type="text" title="例如：汉族" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">出生地：</td>
															<td class="cardSecondTd"><form:input
																	path="birthplace" type="text" title="例如：唐朝河南省巩县" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">出生日期：</td>
															<td class="cardSecondTd"><form:input
																	path="birthDate" type="text" title="例如：712年(壬子年)" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">逝世日期：</td>
															<td class="cardSecondTd"><form:input path="dieDate"
																	type="text" title="例如：770年（庚戌年）" /></td>
														</tr>
													</tbody>
												</table>
											</td>
											<td class="seperateTd"><table width="95%"
													cellspacing="0" cellpadding="0" align="right">
													<tbody>
														<tr>
															<td class="cardFirstTd">官职：</td>
															<td class="cardSecondTd"><form:input
																	path="officialPosition" type="text" title="例如：无" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">主要成就：</td>
															<td class="cardSecondTd"><form:input
																	path="mainAchievement" type="text" title="例如：创作大量文章" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">代表作品：</td>
															<td class="cardSecondTd"><form:input
																	path="delegateWorks" type="text" title="例如：《杜工部集》" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">流派：</td>
															<td class="cardSecondTd"><form:input
																	path="genreStyle" type="text" title="例如：唐代现实主义" /></td>
														</tr>
														<tr>
															<td class="cardFirstTd">排序：</td>
															<td class="cardSecondTd"><form:input
																	path="sort" type="text" title="例如：默认为1" /></td>
														</tr>
													</tbody>
												</table></td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
							<h4 class="card-title" style="display: none;">基本信息</h4>
							<div class="card-summary-content" style="display: none;">
								<div class="para">杜甫（dù
									fǔ）是我国唐代伟大的现实主义诗人、世界文化名人，杜甫被后人尊称为“诗圣”，与“诗仙”李白并称“李杜”〔也称之为“大李杜”
									；而“小李杜”指唐代诗人李商隐和杜牧”〕。由于经历了唐代由盛到衰的过程。因此与诗仙李白相比，杜甫更多的是对国家的忧虑及对老百姓的困难生活的同情，他所写的诗，全方位反映了唐由盛至衰的过程，又被人称为“诗史”。
									杜甫（dù
									fǔ）是我国唐代伟大的现实主义诗人、世界文化名人，杜甫被后人尊称为“诗圣”，与“诗仙”李白并称“李杜”〔也称之为“大李杜”
									；而“小李杜”指唐代诗人李商隐和杜牧”〕。由于经历了唐代由盛到衰的过程。因此与诗仙李白相比，杜甫更多的是对国家的忧虑及对老百姓的困难生活的同情，他所写的诗，全方位反映了唐由盛至衰的过程，又被人称为“诗史”。
									杜甫 杜甫
									杜甫在唐肃宗乾元元年（公元758年)六月至乾元二年(公元759年)秋，任华州司功参军。杜甫原在朝中任左拾遗，因直言进谏，触怒权贵，被贬到华州（今华县），负责祭祀、礼乐、学校、选举、医筮、考课等事。到华州后，杜甫心情十分苦闷和烦恼。他常游西溪畔的郑县亭子（在今杏林镇老官台附近），以排忧遣闷。他在《题郑县亭子》、《早秋苦热堆案相仍》、《独立》和《瘦马行》等诗中，抒发了对仕途失意、世态炎凉、奸佞进谗的感叹和愤懑。
								</div>
							</div>
					</div>
					<div class="clear"></div>
				</div>
				<table width="100%" border="0">
					<tr>
						<td></td>
						<td><p class="s_brpLeft">
								<input id="ok" type="submit" value="提交" class="s_submit" />&nbsp;
								<button id=“back” class="s_button"
									onclick="javascript:history.go(-1);">返回</button>
							</p></td>
						<td></td>
					</tr>
				</table>
			</li>
		</ul>
		<!--content end-->
	</form:form>
</body>
</html>